Well here's how it works. The corner layouts are made piece by piece. You save all the pieces (2 or 3) and
then copy and paste the HTML code under them in your web-page.
Left side corner ( 3 parts )
A 
B 
C 
<html>
<head>
<title>
YOUR TITLE HERE!!
</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<STYLE TYPE="TEXT/CSS">
<!--
a:link { text-decoration: none}
-->
</STYLE></HEAD>
<BODY LEFTMARGIN="0" RIGHTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0" BACKGROUND="MainBG.jpg" BGCOLOR="#FFFFFF" TEXT="#000000">
<table LEFTMARGIN="0" CELLSPACING="0" CELLPADDING="0" ALIGN="LEFT" border="0">
<tr>
<td width="94" valign="top" align="left" border="0"><img src="A.jpg" width="94" height="118"></td>
<td width="94" valign="top" align="left"><img src="B.jpg" width="94" height="582"></td>
</tr>
<tr>
<td width="133" valign="top" align="left" border="0"><img src="C.jpg" width="133" height="118"></td>
<!--- Text and other images can go here if you'd like them down the side --->
<td width="94" valign="top" align="left" border="0">
YOUR OPINIONS GO HERE!!
</td>
</tr></table>
</BODY></html>
A 
B
C 
<html>
<head>
<title>
YOUR TITLE HERE!!
</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<STYLE TYPE="TEXT/CSS">
<!--
a:link { text-decoration: none}
-->
</STYLE></HEAD>
<BODY LEFTMARGIN="0" RIGHTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0" BACKGROUND="MainBG.jpg" BGCOLOR="#FFFFFF" TEXT="#000000">
<table LEFTMARGIN="0" CELLSPACING="0" CELLPADDING="0" ALIGN="LEFT" border="0">
<tr>
<td width="200" valign="top" align="left" border="0"><img src="A.jpg" width="200" height="200"></td>
<td width="550" valign="top" align="left"><img src="B.jpg" width="582" height="200"></td>
</tr>
<tr>
<td width="200" valign="top" align="left" border="0"><img src="C.jpg" width="200" height="400"></td>
<!--- Text and other images can go here if you'd like them down the side --->
<td width="200" valign="top" align="left" border="0">
YOUR OPINIONS GO HERE!!
</td>
</tr></table>
</BODY></html>
A1 
B1
C1 
<html>
<head>
<title>
YOUR TITLE HERE!!
</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<STYLE TYPE="TEXT/CSS">
<!--
a:link { text-decoration: none}
-->
</STYLE></HEAD>
<BODY LEFTMARGIN="0" RIGHTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0" BACKGROUND="MainBG.jpg" BGCOLOR="#FFFFFF" TEXT="#000000">
<table LEFTMARGIN="0" CELLSPACING="0" CELLPADDING="0" ALIGN="LEFT" border="0">
<tr>
<td width="160" valign="top" align="left" border="0"><img src="A.jpg" width="180" height="150"></td>
<td width="585" valign="top" align="left"><img src="B.jpg" width="600" height="150"></td>
</tr>
<tr>
<td width="160" valign="top" align="left" border="0"><img src="C.jpg" width="180" height="500"></td>
<!--- Text and other images can go here if you'd like them down the side --->
<td width="160" valign="top" align="left" border="0">
YOUR OPINIONS GO HERE!!
</td>
</tr></table>
</BODY></html>
A 
B 
C 
<html>
<head>
<title>
YOUR TITLE HERE!!
</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<STYLE TYPE="TEXT/CSS">
<!--
a:link { text-decoration: none}
-->
</STYLE></HEAD>
<BODY LEFTMARGIN="0" RIGHTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0" BACKGROUND="MainBG.jpg" BGCOLOR="#FFFFFF" TEXT="#000000">
<table LEFTMARGIN="0" CELLSPACING="0" CELLPADDING="0" ALIGN="LEFT" border="0">
<tr>
<td width="180" valign="top" align="left" border="0"><img src="A.jpg" width="180" height="150"></td>
<td width="300" valign="top" align="left"><img src="B.jpg" width="300" height="150"></td>
</tr>
<tr>
<td width="180" valign="top" align="left" border="0"><img src="C.jpg" width="180" height="200"></td>
<!--- Text and other images can go here if you'd like them down the side --->
<td width="160" valign="top" align="left" border="0">
YOUR OPINIONS GO HERE!!
</td>
</tr></table>
</BODY></html>
A 
B 
C 
<html>
<head>
<title>
YOUR TITLE HERE!!
</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<STYLE TYPE="TEXT/CSS">
<!--
a:link { text-decoration: none}
-->
</STYLE></HEAD>
<BODY LEFTMARGIN="0" RIGHTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0" BACKGROUND="MainBG.jpg" BGCOLOR="#FFFFFF" TEXT="#000000">
<table LEFTMARGIN="0" CELLSPACING="0" CELLPADDING="0" ALIGN="LEFT" border="0">
<tr>
<td width="94" valign="top" align="left" border="0"><img src="A.jpg" width="94" height="118"></td>
<td width="94" valign="top" align="left"><img src="B.jpg" width="600" height="94"></td>
</tr>
<tr>
<td width="133" valign="top" align="left" border="0"><img src="C:\My Documents\Sailor Moon Now and Forever\Back\graphics\usagi\C.jpg" width="133" height="118"></td>
<!--- Text and other images can go here if you'd like them down the side --->
<td width="94" valign="top" align="left" border="0">
YOUR OPINIONS GO HERE!!
</td>
</tr></table>
</BODY></html>
Right side corner ( 3 parts )
A
B
C 
<html>
<head>
<title>
YOUR TITLE HERE!!
</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<STYLE TYPE="TEXT/CSS">
<!--
a:link { text-decoration: none}
-->
</STYLE></HEAD>
<BODY RIGHTMARGIN="0" LEFTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0" BACKGROUND="MainBG.jpg" BGCOLOR="#FFFFFF" TEXT="#000000">
<table RIGHTMARGIN="0" CELLSPACING="0" CELLPADDING="0" ALIGN="RIGHT" border="0">
<tr>
<td width="444" valign="top" align="right" border="0"><img src="A.jpg" width="444" height="152"></td>
<td width="185" valign="top" align="right"><img src="B.jpg" width="185" height="152"></td>
</tr>
<tr>
<!--- Text and other images can go here if you'd like them down the side --->
<td width="211" valign="top" align="right" border="0">YOUR Options GO HERE!! </td>
<td width="185" valign="top" align="right" border="0"><img src="C.jpg" width="185" height="710"></td>
</tr></table>
</BODY></html>
Non-Sailor Moon (right side-2 parts)
This is just the HTML code for the table not the whole page so be careful.
my angel 2 
my angel 1 
<body bgcolor="white" marginwidth=0 marginheight=0 LEFTMARGIN="0" TOPMARGIN="0">
<table border=0 cellpadding=0 cellspacing=0 valign=top>
<tr>
<td width=129 valign=top>
<img src="myangel2.jpg" width=129 height=333>
</td>
<td width=170 valign=top>
<img src="myangel1.jpg" width=170 height=112>
<table border=0 width=500 cellpadding=5 cellspacing=0 valign=top>
<tr>
<td>
TEXT HERE
</tr></td></table></tr></td></table>
This is how it's gonna look.
This one is my first one...*he-he*... I had no idea how to make corner layouts.
I'm still trying to take some time to finish it.
